<template>
	<gui-page :customHeader="true">
		<template v-slot:gHeader>
			<!-- #ifdef MP -->
			<view style="height:20px;"></view>
			<!-- #endif -->
		</template>
		<!-- 请开始您的开发 ~ -->
		<template v-slot:gBody>
			<view class="gui-padding">
				<logo title="推广统计分析" showback :issearch="false" @back="handleBack" btntext="&#xe6fe;"></logo>
			</view>
			<view class="tipbox">推广订单过了冻结周期后，对应的收益转为可提现</view>
			<view  style="padding-top: 0;">
				<view v-if="!isLoad" class="demo-bg  demo-title gui-border-radius"></view>
				<cc-income-state></cc-income-state>
			</view>
		</template>
	</gui-page>
</template>
<script>
	export default {
		data() {
			return {
				currentIndex:0,
				isLoad: false,
				navItems: [{
					id: 1,
					name: '推广数据统计'
				}, {
					id: 2,
					name: '佣金余额明细'
				}, {
					id: 3,
					name: '提现记录'
				}],
			}
		},
		onLoad() {
			setTimeout(() => {
				this.isLoad = true
			}, 1000)
		},
		methods: {
			handleBack() {
				uni.switchTab({
					url: "/pages/tabbar/me"
				})
			},
			navchange(e){
				this.currentIndex = e
			}
		}
	}
</script>
<style scoped lang="scss">
	.tipbox{
		background-image: linear-gradient(45deg, #0e8a53 0%, #257a54 40%, #1d9560 100%);
		height: 36px;
		line-height: 36px;
		padding-left: 1rem;
		color: #fff;
		width: 100%;
		font-size:26rpx;
	}
	.cc-box-main{
		background:#11aa66;
		display: flex;
		padding:20px;
		.c-sp{
			height: 160rpx;
			width: 1px;
			background: #53b377;
		}
		.cc-c{
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			color:#fff;
			.tit{font-size:26rpx;}
			.price{
				font-size:56rpx;margin-top: 10rpx;
				text{font-size:24rpx;}
			}
		}
	}
</style>